//自定义的js

//加载事件
//jquer 加载事件，等同于原生的onload
$(document).ready(function () {// sqread 等价于 window.onload = function () { }
    // $(".kouwei .pj").click(function (e) {
    //     e.preventDefault();
    //     //0.初始化，把所有星号加星去除
    //     $(".kouwei .pj").removeClass("enabled");
    //     //1.得到单击星星的序号
    //     let num = $(".kouwei .pj").index(this);
    //     console.log(num);
    //     //2.把序号之前的星星实现加星的功能
    //     for (let i = 0; i <= num; i++) {
    //         $(".kouwei .pj").eq(i).addClass("enabled");
    //     }

    // });
    //函数的调用
    $(".kouwei").append((createSpanStar(10)));
    $(".huanjing").append((createSpanStar(10)));

    jiaxing($(".kouwei .pj"));
    jiaxing($(".huanjing .pj"));

    //函数的封装，实现创建星号的功能
    function createSpanStar(num) {
        var str = "";
        for (let i = 0; i < num; i++) {
            str = str + '<span class="pj">&#9733;</span>'
        }
        return str;
    }
    // console.log(createSpanStar(10));

    //函数的封装，实现星号加星的功能
    function jiaxing(element) {
        element.click(function (e) {
            e.preventDefault();
            //0.初始化，把所有星号加星去除
            element.removeClass("enabled");
            //1.得到单击星星的序号
            let num = $(".kouwei .pj").index(this);
            console.log(num);
            //2.把序号之前的星星实现加星的功能
            for (let i = 0; i <= num; i++) {
                $(".kouwei .pj").eq(i).addClass("enabled");
            }
        });
        // element.click(function (e) {
        //     e.preventDefault();
        //     element.removeClass("enabled");
        //     let num = $(".huanjing  .pj").index(this);
        //     console.log(num);
        //     for (let i = 0; i <= num; i++) {
        //         $(".huanjing  .pj").eq(i).addClass("enabled");
        //     }
        // });
    }
});
